<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>移动Web开发项目</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        body{
            background: url("images/bg1.jpg");
            background-size:100% ;
        }
        .content{
            width: 300px;
            position: absolute;
            left: 30%;
        }
        a{
            text-decoration: none;
            font-size: 18px;
            color: #000000;
            opacity: 0.7;
            display: block;
            padding: 5px;
        }
        .top_web{
            position: relative;
            left: 6%;
            font-size: 20px;
        }
    </style>
</head>
<body>

<div class="content">
    <a href="#" class="top_web">移动Web开发项目</a>
    <a href="case8/index_case8.html">项目8——手机黑马财富</a>
</div>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script>
    $(document).ready(function () {
        $(".content").draggable();
    })
</script>
</body>
</html>